<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>tbregister</title>
    <link rel="shortcut icon" href="../tb/favicon.ico" />
    <link rel="stylesheet" href="css/reset.css">
</head>

<body>
    <!-- 头部导航栏 -->
    <div id="header">
        <div class="left-logo"><img src="image/logo.jpg" alt="哎呀，图片找不到啦"></div>
        <div class="daohang">
            <div class="header-center">
                <ul>
                    <li><a href="">淘宝首页</a></li>
                    <li><a href="">商城</a></li>
                    <li><a href="">企业购</a></li>
                    <li><a href="">政教及大企业</a></li>
                    <li><a href="">服务</a></li>
                    <li><a href="">会员</a></li>
                    <li><a href="">社区</a></li>
                    <li><a href="">品牌</a></li>
                    <li><a href="">购买</a></li>
                </ul>
                <div class="right_6">
                    <div class="div"><img src="image/phone-ico.png" alt=""></div>
                    <div class="block">
                        <img src="image/ewm.jpg" alt="">
                        <div>
                            <span>淘宝智选APP</span>
                            <p>下载即享</p>
                            <p>688元新人礼</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 注册信息部分 -->
    <div class="bottom">
        <div>
            <div class="bottom-cetter">
                <!-- <div class="flag"> -->
                <h1>注册淘宝会员</h1><!-- </div> -->
                <div class="hy">
                    <form action="">
                        <input class="iphone" type="text" placeholder="输入手机号">
                        <input type="text" placeholder="短信验证码" class="left-1" style="width: 300px;">
                        <input class="btn" type="button" value="获取验证码" class="right-1">
                        <input class="pwd" type="password" placeholder="密码由8-20位字母、数字和符号组合">
                        <input class="zpwd" type="password" placeholder="再次输入密码">
                        <div class="check">
                            <input type="checkbox" class="box">
                            <div class="set">
                                登录即表示您同意联想<b>注册协议</b><span>和</span><b>隐私政策</b>
                            </div>
                        </div>
                        <!-- <input type="submit" value="立即注册" class="submit"> -->
                        <button class="submit"><a href="../login/index.html">立即注册</a></button>
                    </form>
                </div>
                <div class="hr">
                    <hr>
                </div>
                <div class="bot">
                    <div>已有账号<b><a href="">点击登录></a></b></div>
                    <b><a href="">企业会员注册></a></b>
                </div>
            </div>
        </div>
    </div>

</body>

</html>
<script>
    let iphone = document.querySelector('.iphone')
    // console.log(iphone);
    iphone.onchange = function () {
        // console.log(this.value);
        let oInput = this.value;
        let str = /^(\+86)?\s?(135|137|186|134)\d{8}$/;
        str.test(oInput)
    }
    var sub = document.querySelector('.subme')
    sub.onclick = function (e) {
        e = event || window.event;
        e.preventDefault();
    }
    let right = document.querySelector('right-1');
    right.onclick = function () {
        let str = '0123456789abcdefghijklmnopqrstuvwsyz';
        let str1 = "";
        for (var i = 0; i < 6; i++) {
            // console.log(i);
            let index = parseInt(Math.random() * 36)
            let left = document.querySelector('left-1')
            str1 += str[index]
            // str1 += str[index]
            left.innerHTML = str1
        }
    }
</script>
<script src="../tb/lib/register.js"></script>
<script>
    document.querySelector('.submit').onclick = function(){
        alert("注册成功，请登录")
    }
</script>